window.onload = function () {

  axios.defaults.baseURL = 'http://124.223.14.236:3001/api'
  // let id = null
  // let answer = null
  // const hides = document.querySelectorAll('.hide')

  // // 第一个按钮
  // document.querySelector('#one').addEventListener('click', function () {
  //   //获取手机input内容
  //   const phoneval = document.querySelector('#phone').value.trim()
  //   //判断是否有内容
  //   if (!phoneval) return alert('请输入手机号')
  //   //发起ajax请求
  //   axios({
  //     method: "get",
  //     url: "/user/findPwd",
  //     params: {
  //       phone: phoneval,
  //     }
  //   }).then(function ({ data: res }) {
  //     if (res.success !== true) return alert(res.msg)
  //     console.log(res);
  //     // 成功后跳到下一个,并赋值上去
  //     //让上个一个模块隐藏，下一个模块显示
  //     hides[0].classList.remove("activeNow");
  //     hides[1].classList.add("activeNow");
  //     const inputs = document.querySelectorAll(".activeNow:nth-child(2) input");
  //     inputs[0].value = res.data.username;
  //     inputs[1].value = res.data.phone;
  //     inputs[2].value = res.data.question;
  //     // 获取id
  //     id = res.data.id;
  //   })
  // })

  // //第二个按钮
  // document.querySelector('#two').addEventListener('click', function () {
  //   //获取密保框内容然后跳到下一个步骤
  //   answer = document.querySelector('#answer').value.trim()
  //   //当前的部分隐藏，显示下一份部分
  //   hides[1].classList.remove("activeNow");
  //   hides[2].classList.add("activeNow");
  // })

  // //第三个按钮
  // document.querySelector('#three').addEventListener('click', function () {
  //   //获得密码
  //   const password = document.querySelector('#password').value.trim()
  //   //发起修改面的请求
  //   axios.post('/user/resetPwd', {
  //     id: id + '',
  //     password,
  //     answer,
  //   }).then(function (res) {
  //     console.log(res);
  //     if (!res.data.success) return alert('');
  //     alert("修改密码成功！");
  //   })
  // })
  // //点击上一步
  // document.querySelector('#prevStep').addEventListener('click', function () {
  //   hides[1].classList.remove("activeNow");
  //   hides[0].classList.add("activeNow");
  // })
  // document.querySelector('#nextStep').addEventListener('click', function () {
  //   hides[2].classList.remove("activeNow");
  //   hides[1].classList.add("activeNow");
  // })

  /*------------ 封装获取元素的函数---------------- */
  function qs(ele) {
    return document.querySelector(ele)
  }
  /* 输入手机号，请求获取改手机号的说有信息 */
  let id = null
  qs('#one').addEventListener('click', async function () {
    //判断是否由内容
    const phone = qs('#phone').value.trim()
    if (phone === '') return alert('请输入手机号')
    const { data: { data } } = await axios({
      method: 'GET',
      url: '/user/findPwd',
      params: {
        phone,
      }
    })
    console.log(data);
    //进入下一步
    qs('#oneStep').classList.remove('activeNow')
    qs('#twoStep').classList.add('activeNow')
    //显示其他表单项的内容
    qs('#uname').value = data.username
    qs('#uques').value = data.question
    qs('#uphone').value = data.phone
    //获取id
    id = data.id
  })

  /* ----------------输入密保答案-------------------- */
  let answer = null
  qs('#two').addEventListener('click', function () {
    answer = qs('#answer').value.trim()
    //显示下一步
    qs('#threeStep').classList.add('activeNow')
    qs('#twoStep').classList.remove('activeNow')
  })
  qs('#prevStep').addEventListener('click', function () {
    qs('#twoStep').classList.remove('activeNow')
    qs('#oneStep').classList.add('activeNow')
  })

  qs('#three').addEventListener('click', async function () {
    const password = qs('#password').value.trim()
    const res = await axios({
      method: 'POST',
      url: '/user/resetPwd',
      data: {
        id: id + '',
        password,
        answer,
      }
    })
    alert('密码修改成功')
  })
  qs('#nextStep').addEventListener('click', function () {
    qs('#threeStep').classList.remove('activeNow')
    qs('#twoStep').classList.add('activeNow')
  })
}


